<template>
  <div  class="empty">
      <img  src="../assets/img/empty.png"/>
      <slot>
      <span>{{text||"没有您需要的信息哦！"}}</span>
      </slot>
  </div>
</template>

<script>
export default {
  props:["text","html"],
  components: {
  },
  created(){
  },
  data () {
    return {
      show:false
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    .empty{
        text-align: center;
        font-size: 24px;
        position: relative;
        padding-top: 100px;
        background: #f8f8f8;
    }
    .empty img{
        display: block;
        margin: auto;
        width: 380px;
    }
    .empty span{
        margin-bottom: 20px;
        display: inline-block;
    }
</style>
